<template>
  <!-- 这里记住插值表达式是不能被标签里面的属性解析的也就是下面代码是错误的 -->
  <!-- <div title="{{ msg }}">
   
  </div> -->
  <!-- 下面这个是正确的 -->
  <div v-bind:title="msg">
    {{ msg }}
  </div>
  <!-- 也可以是简写 -->
   <div v-bind:title="msg">
    {{ msg }}
   </div>
   <!-- 可以绑定url -->
    <div>
      <a :href="url">百度一下很快乐</a>
    </div>
    <!-- 也可以绑定图片 -->
     <div>
      <!-- 注意这里不要绑定本地文件的绝对路径是没有效果的 -->
      <img :src="image">
     </div>

  </template>
  
  <script setup>
    import {ref} from 'vue'
    const msg=ref('zhangsna')
    const url='https://m5mm.com/tags/zhouyanxi/'
     const image='https://t2.smallpicture.top/timthumb.php?src=https://oss-img.ojbkcdn.com/tutuji/20240324/egyeveco1z1.jpg&w=540&h=660&zc=1'
  </script>
  
  <style scoped>
  
  </style>
